<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
	</head>
	<body>
		
		<span id="show"></span>
		<script type="text/javascript">
			// 当打开页面的时间 和 获取页面最新的时间 两个时间的时间差
			//
			var preDate = new Date();
			
			var newDate=new Date();
			var res=diffTime(preDate,newDate);
			 show.innerHTML=res;
			
			  setInterval(function(){
				  //每次执行一定的时间 就会获取一次最新的数据
				  newDate = new Date()
				  var res=diffTime(preDate,newDate);
				  show.innerHTML=res;
				  
			  },1000)
			
			
			
			
			
			function diffTime(date1, date2) {
				// 计算两个时间的时间差 先得到这两个时间到格林威治时间的毫秒数然后相减
				var timer1 = date1.getTime();
				var timer2 = date2.getTime();
				var differTime = Math.abs(timer1 - timer2);
				//通过毫秒数 求 天数 小时 分钟 秒数
				//天数
				var day = parseInt(differTime / 1000 / 60 / 60 / 24);
				//小时
				var h = parseInt((differTime / 1000 / 60 / 60) % 24);
				//分钟
				var m = parseInt((differTime / 1000 / 60) % 60);
				//秒数
				var s = parseInt((differTime / 1000) % 60);
				return '在页面停留了' + day + '天' + h + '小时' + m + '分' + s + '秒';
				}
		</script>
	</body>
</html>
